<template>
  <div class="residual">
    <ul>
      <li>
        <i class="iconfont icon-yue"></i>
        <p>我的余额</p>
      </li>
      <li>
        <i class="iconfont icon-bi"></i>
        <p>我的砍价</p>
      </li>
      <li>
        <i class="iconfont icon-youhuiquan"></i>
        <p>我的礼券</p>
      </li>
      <li>
        <i class="iconfont icon-xingxing"></i>
        <p>我的收藏</p>
      </li>
      <li>
        <i class="iconfont icon-dizhi"></i>
        <p>我的地址</p>
      </li>
      <li>
        <i class="iconfont icon-erji"></i>
        <p>联系客服</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.residual {
  width: 100%;
  height: 3rem;
  text-align: center;
  ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    li {
      width: 33%;
      font-size: 0.3rem;
      i {
        font-size: 0.5rem;
      }
    }
  }
}
.the {
  width: 100%;
  height: 0.3rem;
  border-bottom: 0.3rem solid #f5f5f5;
  position: relative;
  span {
    position: absolute;
    top: 12px;
    left: 36%;
  }
}
</style>
